@import url(//at.alicdn.com/t/font_586109_vcw51p36w7y14i.css);

/* Reset */
*{box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td,img{padding:0; margin:0;}
fieldset,img{border:0; vertical-align:top;}
address,caption,cite,code,dfn,em,th,var,i{font-weight:normal; font-style:normal;}
ol,ul,li{list-style:none;}
div,dl,dt,dd,ol,ul,li{zoom:1;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%;}
a{text-decoration:none; outline:none;}
table{width:100%; border-collapse:collapse; border-spacing:0;}
input,select,textarea,button{outline:0;}
button,input,optgroup,select,textarea{line-height:1.2; margin:0; font-family:sans-serif;}
button,input{overflow:visible;}
button,select{text-transform:none;}
button[type=submit][disabled]{opacity:1; color:rgb(240, 242, 246);}

/* Public */
html{height:100%; line-height:1.2; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;}
body{font-weight:300; font-family:'Helvetica Neue',Helvetica,STHeiTi,sans-serif; background:#f8f8f8; color:#000;}
a{color:#eb5852;}
.container{width:100%; margin:0 auto;}
.left{float:left !important;}
.right{float:right !important;}
.clear:after{content:'.'; display:block; height:0; clear:both; visibility:hidden;}
.ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
::-webkit-input-placeholder{font-weight:300; color:#ccc;}
::-moz-placeholder{font-weight:300; color:#0b0a0a;}

/* Typo */
.typo dl, .typo form, .typo hr, .typo ol, .typo p, .typo pre, .typo table, .typo ul{margin-bottom:1.2em;}
.typo h1, .typo h2, .typo h3, .typo h4, .typo h5, .typo h6{margin-top:1.2em; margin-bottom:.6em; line-height:1.42857143;}
.typo h1{font-size:2em;}
.typo h2{font-size:1.8em;}
.typo h3{font-size:1.6em;}
.typo h4{font-size:1.4em;}
.typo h5, .typo h6{font-size:1.2em;}
.typo ul{margin-left:1.3em; list-style:disc;}
.typo ol{margin-left:1.3em; list-style:decimal;}
.typo li{padding-bottom:.5em; line-height:1.42857143;}
.typo li ol, .typo li ul{margin-bottom:.8em; margin-left:2em;}
.typo li ul{list-style:circle;}
.typo table caption, .typo table td, .typo table th{border:1px solid #ddd; padding:.5em 1em; color:#666;}
.typo table th{background:#fbfbfb;}
.typo table thead th{background:#f1f1f1;}
.typo table caption{border-bottom:none;}
.typo p{line-height:1.42857143;}
.typo em{color:#000; font-weight:inherit;}
.typo img{max-width:100%;}
.typo blockquote{line-height:1.42857143; padding:10px 15px; border-left:5px solid #eee;}

/* Text-Color */
.text-black{color:#1c2b36;}
.text-dark{color:#3a3f51;}
.text-primary{color:#7266ba;}
.text-success{color:#27c24c;}
.text-info{color:#23b7e5;}
.text-warning{color:#fad733;}
.text-danger{color:#f05050;}
.text-light{color:#edf1f2;}
.text-white{color:#fff;}

/* Flex */
.row{display:flex; width:100%; flex-flow:row wrap; justify-content:space-between;}
.row .col{flex:1 1 0px;}

/* Btn */
.btn button,.btn .button{display:inline-block; width:80%; height:2.5rem; margin:1rem auto; line-height:2.5rem; border-radius:2.5rem; padding:0 1rem; border:0; background:#eb5852; text-align:center; font-size:1rem; color:#fff;}

/* Layer */
.layui-m-layer .layui-m-layermain .layui-m-layer-msg{bottom:0;}
.layui-m-layer .layui-m-layerbtn span[yes]{font-weight:500; color:#121314;}

/* Dropload */
.dropload .dropload-down{font-weight:300;}
.dropload .dropload-noData{color:#ababab;}
.dropload .empty{padding:3rem 0 2rem 0; text-align:center;}
.dropload .empty img{height:5rem;}

/* Switch */
.switch{display:inline-block; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.switch input{position:absolute; width:0; height:0; overflow:hidden; visibility:hidden;}
.switch-icon{position:relative; display:inline-block; width:36px; height:14px; background-color:#dbdbdb; border-radius:14px; -webkit-transition:background-color .3s cubic-bezier(.4,0,.2,1); transition:background-color .3s cubic-bezier(.4,0,.2,1);}
.switch-icon:before{position:absolute; top:-3px; left:-3px; display:inline-block; width:20px; height:20px; content:' '; background-color:#bebebe; border-radius:20px; -webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12); box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12); -webkit-transition:background-color .3s cubic-bezier(.4,0,.2,1),left .3s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .14s cubic-bezier(.4,0,.2,1); transition:background-color .3s cubic-bezier(.4,0,.2,1),left .3s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .14s cubic-bezier(.4,0,.2,1); transition:box-shadow .14s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),left .3s cubic-bezier(.4,0,.2,1); transition:box-shadow .14s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),left .3s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .14s cubic-bezier(.4,0,.2,1);}
.switch input[type=checkbox]:checked+.switch-icon{background-color:#858585;}
.switch input[type=checkbox]:checked+.switch-icon:before{left:20px; background-color:#121315;}

#msg{background:#fff; text-align:center;}
#msg .container{padding-bottom:1rem;}
#msg .container img{width:100%; padding:3rem;}
#msg .error{font-size:1rem;}
#msg .success i{display:block; margin:3rem 0; font-size:5rem; color:#27c24c;}
#msg .error i{display:block; margin:3rem 0; font-size:5rem; color:#f05050;}
#msg .jump{margin-top:1rem; font-size:0.5rem; font-weight:300; color:#ababab;}
#msg .jump i{color:#121315;}
#msg .jump a{color:#23b7e5;}

header.row{position:relative; height:3rem; line-height:3rem; margin:0; background:#fff; color:#000;}
header.row:after{position:absolute; left:0; bottom:0; display:block; content:''; width:100%; height:1px; background:#e7e7e7; -webkit-transform:scaleY(0.5); transform:scaleY(0.5);}
header .col.prev{flex:25%; text-align:left;}
header .col.next{flex:25%; text-align:right;}
header .col.title{flex:50%; font-size:1.1rem; text-align:center; color:#000;}
header i.iconfont{font-size:1.2rem; color:#000;}
header .prev i{margin-left:1rem;}
header .next i{margin-right:1rem;}

footer.row{position:fixed; z-index:9999; bottom:0; padding:0.5rem 0 0.3rem 0; background:#fafafa; text-align:center;}
footer.row:before{position:absolute; left:0; top:0; display:block; content:''; width:100%; height:1px; background:#e7e7e7; -webkit-transform:scaleY(0.5); transform:scaleY(0.5);}
footer.row a{color:#7d7d7d;}
footer.row i.iconfont{line-height:1; font-size:1.2rem;}
footer.row p{line-height:1; margin-top:0.2rem; font-size:0.8rem; font-weight:300;}
footer.row .on{color:#eb5852;}

.copyright{line-height:3rem; text-align:center; font-size:0.7rem; color:#ababab;}

.hxd{height:100%; background:url(../img/login-bg.png) no-repeat center; -webkit-background-size:100% 100%; background-size:100% 100%;}
.hxd .logo{padding:4rem 0; text-align:center;}
.hxd .logo img{height:7rem;}
.hxd form .row{position:relative; margin-bottom:1.5rem; padding:0 1.5rem 0 3rem; border-bottom:0.05rem solid rgba(200,200,200,0.2);margin-top: 40px;}
.hxd form .row i.iconfont{position:absolute; left:1.5rem; top:20%; font-size:1.2rem; color:#2a292999;}
.hxd form .row input{width:100%; height:2rem; line-height:2.2rem; border:0; background:none; font-size:1rem; color:#0b0a0a;}
.hxd form .row img.vcode{position:absolute; right:0.5rem; bottom:0.2rem; width:6rem; height:3rem;}
.hxd form .btn{width:100%; text-align:center;}
.hxd form .tip{font-size:0.8rem; text-align:center; color:#0e0e0f;}
.hxd form .tip a{color:#400de4;}

.item-content{width:100%; padding:0 1rem; background:#fff;}
.item-content li{position:relative; line-height:2.8rem; padding-left:0.3rem;}
.item-content li:after{position:absolute; left:0; bottom:0; display:block; content:''; width:100%; height:1px; background:#e7e7e7; -webkit-transform:scaleY(0.5); transform:scaleY(0.5);}
.item-content li:last-child:after{height:0;}
.item-content .item-inner{display:flex; font-weight:300; color:#111;}
.item-content .item-link{background:url() no-repeat right center; -webkit-background-size:0.8rem; background-size:0.8rem;}
.item-content .item-title{flex:50%; font-size:0.85rem;}
.item-content .item-after{flex:50%; font-size:0.75rem; padding-right:0.3rem; text-align:right; color:#999;}
.item-content .item-link .item-after{padding-right:1.2rem;}
.item-content i.iconfont{margin-right:0.5rem; font-size:1rem; color:#eb5852;}

.item-block{width:100%; background:#fff;}
.item-block li{float:left; width:33.33333%; padding:1.5rem 1rem; border:0.05rem solid #f2f2f2; border-width:0 0.05rem 0.05rem 0; text-align:center;}
.item-block li i{font-size:2rem; color:#eb5852;}
.item-block li a{line-height:1; color:#666;}
.item-block li p{margin-top:0.5rem; font-size:0.8rem;}

.item-form li{border-top:0.05rem solid #f5f5f5;}
.item-form li:first-child{border:0;}
.item-form li p{line-height:2rem; padding:0 1rem; font-size:0.8rem; color:#ababab;}
.item-form li input{width:100%; line-height:1; padding:0.8rem 1rem; border:0; background:#fff; font-size:0.9rem;}
.item-form li input:read-only{color:#666;}
.item-form li.btn{text-align:center;}

#slide{position:relative; height:10rem; overflow:hidden;}
#slide .hd{position:absolute; z-index:999; height:0.35rem; bottom:0.5rem; width:100%; text-align:center;}
#slide .hd ul li{display:inline-block; width:0.35rem; height:0.35rem; line-height:5rem; border-radius:0.3rem; background:rgba(125,125,125,.5); margin:0 0.1rem; vertical-align:top; overflow:hidden;}
#slide .hd ul li.on{background:#fff;}
#slide .bd img{width:100%; height:10rem;}

#home{background:#fff;}
#home .invest{margin:0.5rem 0; border-radius:0.3rem; background:#fff;}
#home .invest .hd{line-height:2.5rem; border-bottom:0.05rem solid #f5f5f5;}
#home .invest .hd h3{margin:0 1rem; border-bottom:0.05rem solid #e7e7e7; font-size:1.2rem; font-weight:bold; text-align:center;}
#home .invest .hd .tag{line-height:1; padding:0.5rem 0; border-bottom:0.05rem solid #e7e7e7; text-align:center; font-size:0.9rem; font-weight:bold; color:#999;}
#home .invest .hd .tag .col{padding:0.5rem 0;}
#home .invest .hd .tag .col:nth-child(2){border:0.05rem solid #e7e7e7; border-width:0 0.05rem;}
#home .invest .bd{margin:1.5rem 0 1rem 0; padding:1.5rem 0.5rem; background:url(../img/invest-bg.png) no-repeat center; -webkit-background-size:100%; background-size:100%; text-align:center;}
#home .invest .bd .row{color:#fff;}
#home .invest .bd span{font-size:1.1rem;}
#home .invest .bd span.r{font-weight:400; color:#eb5852;}
#home .invest .bd p{margin-top:0.5rem; font-size:0.8rem;}
#home .invest .btn{text-align:center;}
#home .invest .btn a.button{width:40%; height:2rem; line-height:2rem; margin:0.5rem 0.5rem 0.5rem 0.5rem; border-radius:2rem; background:#eb5852; font-size:0.9rem;}
#home .invest .fd{line-height:2; padding:1rem 2rem 3rem 2rem; background:url(../img/level-bg.png) no-repeat center; -webkit-background-size:100% 100%; background-size:100% 100%; font-size:0.85rem; color:#666;}
#home .count{margin:0.5rem 0.5rem 0 0.5rem; padding:1rem 0; border-bottom:0.05rem solid #e7e7e7; border-radius:0.3rem; background:#fff; text-align:center;}
#home .count .col{border-right:0.05rem solid #e5e5e5;}
#home .count .col:last-child{border:0;}
#home .count .col span{font-size:1rem; color:#eb5852;}
#home .count .col p{font-size:0.7rem; color:#999;}

#pay .container{padding:0 0.8rem; background:#fff;}
#pay .trade{line-height:3rem; border-bottom:0.05rem solid #e7e7e7; font-size:0.5rem; color:#7d7d7d;}
#pay .info .hd{line-height:3rem; font-size:0.5rem;}
#pay .info .hd span{margin-left:0.2rem; font-style:italic; font-weight:300; color:#7d7d7d;}
#pay .info .bd .price{font-size:1.5rem;}
#pay .info .bd .price span{margin-left:0.5rem; font-size:3rem;}
#pay .info .bd p{line-height:3rem; font-size:0.5rem;}
#pay .info .bd p span{margin-right:0.2rem; color:#eb5852;}
#pay .alipay{margin-top:0.5rem; background:#fff;}

#user{background:#fff;}
#user .profile{position:relative; margin-bottom:0rem; padding:0rem 0 0rem 0; background:url(../toubai/img/my_bg.png) no-repeat 0 0; -webkit-background-size:cover; background-size:cover;}
#user .profile .avatar{width:25%; margin:0 auto; padding:1rem 0; background:url(../zhanghuzhongxinb/avatar-bg.png) no-repeat center; -webkit-background-size:100%; background-size:100%; text-align:center;}
#user .profile .avatar img{height:4rem; border-radius:100%;}
#user .profile .info{font-size:0.8rem; text-align:center; color:#fff;}
#user .profile .info li{line-height:1.5;}
#user .profile .info .serial{margin-bottom:0.2rem; font-size:1rem; font-weight:500;}
#user .profile .info .serial span{font-size:0.7rem; font-weight:300;}
#user .account{ width:95%; line-height:1; margin:1rem 0 0 2.5%; padding:0rem 0 1.5rem 0;  -webkit-background-size:100%; background-size:100%; font-weight:300; text-align:center; color:#fff;}
#user .account .col:nth-child(2){border:0.05rem solid #e5e5e5; border-width:0 0.05rem;}
#user .account p{margin-bottom:0.3rem; font-size:1.5rem; color:black;}
#user .account span{font-size:1.2rem; color:black;}
#user .logout{width:100%; margin:1.5rem 2rem; border-radius:2rem; background:#3fc4ff;}
#user .logout a{display:block; line-height:2rem; font-weight:300; font-size:0.8rem; text-align:center; color:black;}

#user-profile .warning{line-height:3rem; text-align:center; font-size:0.8rem; color:#999;}

#user-cash .container{padding:0 0.8rem; background:#fff;}
#user-cash .used{line-height:3rem; border-bottom:0.05rem solid #e7e7e7; font-size:0.5rem; color:#7d7d7d;}
#user-cash .used span{margin-right:0.2rem; color:#111;}
#user-cash .info .hd{line-height:3rem; font-size:0.5rem;}
#user-cash .info .hd span{margin-left:0.2rem; font-style:italic; font-weight:300; color:#7d7d7d;}
#user-cash .info .bd .money{font-size:1.5rem;}
#user-cash .info .bd .money input{width:80%; margin-left:0.5rem; border:0; font-size:3rem;}
#user-cash .info .bd p{line-height:3rem; font-size:0.5rem;}
#user-cash .info .bd p span{margin-right:0.2rem; color:#eb5852;}
#user-cash .list{margin-top:1.5rem;}

#user-buy .info{margin:0.5rem; padding:0.5rem 0; border-radius:0.3rem; background:#fff; font-size:0.8rem; text-align:center; color:#666;}
#user-buy .info .money{background:url(../img/buy-arrow.png) no-repeat center 40%; -webkit-background-size:60%; background-size:60%;}
#user-buy .info span{display:block; margin-top:0.3rem;}
#user-buy .info p{margin-bottom:0.3rem;}
#user-buy .info .money span{margin:0; font-weight:500;}
#user-buy .info .money p{margin:0.6rem 0 0 0;}
#user-buy .level{line-height:1.8; margin:0.5rem; padding:0.5rem; font-size:0.85rem; color:#666;}
#user-buy form ul{margin:0 0.5rem;}
#user-buy form ul li input{width:100%; padding:0.8rem 1.5rem; border:0; border-radius:0.3rem; font-size:0.8rem;}
#user-buy form ul li input:read-only{border:0; background:#f8f8f8;}
#user-buy form ul .btn{text-align:center;}
#user-buy form ul .btn button{width:90%;}

#user-payment .list li{margin-top:0.5rem; padding:0 1rem; border:0.05rem solid #e5e5e5; border-width:0.05rem 0; background:#fff; font-size:0.9rem; font-weight:300;}
#user-payment .list li .hd{line-height:2.5rem; border-bottom:0.05rem dashed #e7e7e7; font-weight:400; color:#666;}
#user-payment .list li table{margin:1rem 0;}
#user-payment .list li table th{font-size:0.8rem; color:#999;}
#user-payment .list li table td{margin-top:0.5rem; font-size:1rem;}
#user-payment .list li .fd{line-height:2.5rem; border-top:0.05rem dashed #e7e7e7; font-size:0.7rem; color:#ababab;}

#user-bonus .info{background:#fff;}
#user-bonus .info .num{padding:1rem 0;}
#user-bonus .info .num .block{width:40%; margin:0 auto; padding:1rem 0; border-radius:0.5rem; background:#efefef; font-size:0.7rem; text-align:center; font-weight:300;}
#user-bonus .info .num .block p{margin-top:0.5rem; font-size:1.5rem; color:#eb5852;}
#user-bonus .info .count{padding-bottom:1rem; text-align:center; font-size:0.7rem; font-weight:300;}
#user-bonus .info .count span{color:#eb5852;}
#user-bonus .level{width:100%; font-size:0.8rem; text-align:center;}
#user-bonus .level li{line-height:2rem; margin-top:0.5rem; padding:0.5rem 1rem; background:#fff; font-size:0.6rem; font-weight:300;}
#user-bonus .level li .hd{border-bottom:0.05rem dashed #dedede;}
#user-bonus .level p{width:33.333333333%; text-align:left;}
#user-bonus .level p em{font-weight:300; color:#ababab;}
#user-bonus .level li .bd p:last-child{width:66.66666666666%;}
#user-bonus .list{margin-top:1.5rem;}
#user-bonus .list li{margin-top:0.5rem; line-height:2.8rem; padding:0 0.5rem; background:#fff; font-size:0.8rem; font-weight:300; color:#999;}
#user-bonus .list li .bonus{border-bottom:0.05rem dashed #e7e7e7;}
#user-bonus .list li span{font-weight:400;}

#user-distrib .list li{margin-top:0.5rem; line-height:2.8rem; padding:0 1rem; background:#fff; font-size:0.8rem; font-weight:300; color:#666;}
#user-distrib .list li .payment{border-bottom:0.05rem dashed #e7e7e7;}
#user-distrib .list li span{margin:0 0.2rem;}
#user-distrib .list li h3{color:#333;}
#user-distrib .list li .money{font-weight:500;}

#user-money .list li{margin-top:0.5rem; line-height:2.8rem; padding:0 1rem; background:#fff; font-size:0.8rem; font-weight:300; color:#666;}
#user-money .list li .payment{border-bottom:0.05rem dashed #e7e7e7;}
#user-money .list li span{margin:0 0.2rem;}
#user-money .list li h3{color:#333;}
#user-money .list li .money{font-weight:500;}

#user-purse .list li{margin-top:0.5rem; line-height:2.8rem; padding:0 1rem; background:#fff; font-size:0.8rem; font-weight:300; color:#666;}

#user-team .info{margin-bottom:0.5rem; padding:0.8rem 0; background:#fff;}
#user-team .info .col{flex:33.33333333%; padding:0.2rem 0; text-align:center;}
#user-team .info .center{border:0.05rem solid #e7e7e7; border-width:0 0.05rem;}
#user-team .info p{margin-bottom:0.3rem; font-size:0.7rem; font-weight:300; color:#666;}
#user-team .info span{font-size:1.2rem; font-family:Arial;}
#user-team .hd{line-height:2rem; margin-top:0.5rem; padding:0 0.5rem; font-weight:300;}
#user-team .hd h3{float:left; font-size:0.9rem;}
#user-team .hd span{float:right; font-size:0.7rem; color:#999;}
#user-team .hd span em{margin:0 0.2rem; color:#eb5852;}
#user-team .bd{padding:1rem 0; background:#fff; text-align:center; font-size:0.8rem;}
#user-team .bd em{display:block; margin-top:0.3rem; font-size:1rem;}
#user-team .bd i{display:inline-block; margin-top:0.5rem; padding:0.2rem 0.5rem; border-radius:0.3rem; background:#eb5852; color:#fff;}
#user-team .fd{display:none; border-top:0.05rem solid #e7e7e7; background:#fff;}
#user-team .fd img{height:1.5rem; margin-right:0.5rem; border-radius:1.5rem; vertical-align:middle;}
#user-team .fd .item-after{color:#ababab;}

#user-qrcode .container{height:0; overflow:hidden;}


